// FastCommerce - EstiloProduto.htm (Modelo 3)

<ProdTop>
<style type="text/css">	.TitTabParc {
		font-weight:bold;
		font-size:8pt;
		font-family:tahoma,arial
	}
	.EstParcPar {
		background:#F5F5F5;
		font-size:8pt;
		font-family:tahoma,verdana
	}
	.EstParcImpar {
		background:#FFFFFF;
		font-size:8pt;
		font-family:tahoma,verdana
	}
	#idDivPagProd, #idDivOrder, #idDivPath, #idDivSearch {
		margin-top:15px;
		width:97%;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
	}
	#idUlPathSearchFC {
		margin-left:10px;
		font-size:8pt;
	}
	#idUlPathSearchFC li {
		font-size:8pt;
	}
	#idUlPathSearchFC #idPathSearchTextInputFC {
		width:95px;
		background-color:#fcfcfc;
		font-size:9pt;
	}
	#idLinkAdvancedSearchFC {
		text-decoration:none;
		font-size:8pt;
	}
	#idLinkAdvancedSearchFC:hover {
		text-decoration:underline;
		color:#333333;
	}
	.EstTitQts {
		font-family:tahoma;
		font-size:8pt;
		background-color:#eaeaea;
		padding:5px;
	}
	.EstDivQts {
		height:100%;
		border-style:solid;
		border-width:1px;
		border-color:#d0d0d0;
	}
	#idSelPathCatQtFC, #idSelAdic1QtFC, #idSelAdic2QtFC, #idSelAdic3QtFC {
		width:100%;
	}
	#idUlPathCatQtFC li, #idUlAdic1QtFC li, #idUlAdic2QtFC li, #idUlAdic3QtFC li {
		list-style-type:none;
		font-size:8pt;
		margin:5px 10px 3px 5px
	}
	.EstTabFiltersExt {
		background-color:#ebebeb;
		height:28px;
		font-family:tahoma;
		font-size:8pt;
	}
	.EstTabFiltersInt {
		background-color:#f7f7f7;
	}
</style>

<div id="idDivPath">
  <table width="100%" class="EstTabFiltersExt"><tr><td>
    <table><tr>
      <td>&nbsp;&nbsp;&nbsp;Filtros da busca:</td>
      <td>
        <span id="idSpanShow"><a href="#Show" onClick="ToggleIDs('idSpanHide','idSpanShow');document.getElementById('idTablePathQtsFC').style.display='';"><img src="images/IcShow.png" border="0" alt="exibir filtros" /></a></span>
        <span id="idSpanHide" style="display:none;"><a href="#Hide" onClick="ToggleIDs('idSpanShow','idSpanHide');document.getElementById('idTablePathQtsFC').style.display='none';"><img src="images/IcHide.png" border="0" alt="esconder filtros" /></a></span>
      </td>
    </tr></table>
  </td></tr></table>
  <table id="idTablePathQtsFC" class="EstTabFiltersInt" style="display:none;" width="100%"><tr>
    <tr>
      <td width="25%" valign="top" id="idListaProdCategoriasFC"><div class="EstTitQts">&nbsp;<LegendaCats></div><ListPathCatQt></td>
      <td width="25%" valign="top" id="idListaProdAdicional1FC"><div class="EstTitQts">&nbsp;<NomeAdicional1></div><ListAdic1Qt></td>
      <td width="25%" valign="top" id="idListaProdAdicional2FC"><div class="EstTitQts">&nbsp;<NomeAdicional2></div><ListAdic2Qt></td>
      <td width="25%" valign="top" id="idListaProdAdicional3FC"><div class="EstTitQts">&nbsp;<NomeAdicional3></div><ListAdic3Qt></td>
    </tr>
  </table>
</div>

<div id="idDivSearch">
  <table width="100%" class="EstTabFiltersExt"><tr><td>&nbsp;&nbsp;&nbsp;Filtrando por</td><td id="idTDLinkAdvancedSearchFC" width="130" noWrap><LinkAdvancedSearch></td></tr></table>
  <table id="idTablePathSearchFC" width="100%" height="40" class="EstTabFiltersInt"><tr><td><ListPathSearch></td></tr></table>
</div>

<script>AjustaFiltros();
	var iQtdProds=<QtProd>;</script>

<div id="idPagProdTop"></div>
<script>
jQuery(document).ready(function(){
	jQuery('td.FundoBarraDireita').hide();
});
//Ordenação
var sPag=document.location.href.toUpperCase();
if(sPag.indexOf("/PROD,")==-1){sConcat="&";sCharSep="=";} else {sConcat=",";sCharSep=",";}
if((sPag.indexOf("&DET=")==-1 && sPag.indexOf("&IDPRODUTO=")==-1) && (sPag.indexOf(",DET,")==-1 && sPag.indexOf(",IDPRODUTO,")==-1)){
  document.write("<br><select id=OrderProd class=smSelect onchange=NewOrder()>");
  document.write("<option value=-1>Ordenar por</option>");
  document.write("<option value=0>Padrão</option>");
  document.write("<option value=1>Lançamentos</option>");
  document.write("<option value=2>Destaques</option>");
  document.write("<option value=3>Nomes das categorias</option>");
  document.write("<option value=4>Nomes dos produtos</option>");
  document.write("<option value=5>Avaliações dos clientes</option>");
  document.write("<option value=6>Promoções</option>");
  document.write("<option value=7>Preços menores</option>");
  document.write("<option value=8>Preços maiores</option>");
  document.write("</select>");
  var oOrder=document.getElementById('OrderProd');
  var posOrder=sPag.indexOf("ORDER"+sCharSep);
  if(posOrder!=-1){
    var iOrderCurrent=sPag.substr(posOrder+6,1);
    if(!isNaN(iOrderCurrent))if(iOrderCurrent>=0){
      var i=0;
      while(i<oOrder.length && oOrder.options[i].value!=iOrderCurrent)i++;
      if(i<oOrder.length)oOrder.selectedIndex=i;
    }
  }
}

function NewOrder(){
  var iOrder=oOrder.options[oOrder.selectedIndex].value;
  if(iOrder>=0){
    if(posOrder!=-1){document.location.href=document.location.href.replace(new RegExp('order'+sCharSep+iOrderCurrent),'order'+sCharSep+iOrder);}
    else{document.location.href=document.location.href.replace(new RegExp('idloja'+sCharSep+IDLojaNum,'gi'),'idloja'+sCharSep+IDLojaNum+sConcat+'order'+sCharSep+iOrder);}
  }
}
</script>
</ProdTop>

<ProdLista>
<!-- Prod Lista -->
<script>
jQuery(document).ready(function(){
	jQuery('td.FundoBarraDireita').hide();
	jQuery('.productLink').live('click', function(){
		window.location = jQuery(this).find('.EstImgFC').parent().attr('href');
	});
});
</script>
<a href='#' class='productLink'>
	<div id='ProdutoListaBlock'>
		<table id='PodutoLista' border="0">
			<tr>
			    <td align="center" width="130" height="<ProdAltura>">
			    	<div id="ProdListaDiv">
						<table class='prodImageTable'>
							<tr>
								<td class='prodImage' align="center" border='0'>
									<ImagemProd>
								</td>
							</tr>
							<tr>
								<td class="EstNomeProd" align="center">
									<NomeProd>
								</td>		
							</tr>
							<tr>
								<td align="center" valign="top" width="140" class="EstPrecoProd">
								<Preco>
									<br />
									<script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script>
									<script type="text/javascript">MostraEconomia(<PrecoNum>,<PrecoOri>);</script>
								</td>
								</tr>
						</table>
					</div>
				</td>
			</tr>
		  </tr>
		</table>
	</div>
</a>
<!-- SUB Prod Lista -->
<sub>
<FormProd>
<!--<table width="100%" border="0">
  <tr align="right">
    <td width="130">&nbsp;</td>
    <td class="EstLinhaProdSub"></td>
  </tr>
  <tr>
    <td width="130">&nbsp;</td>
    <td align="right"><Lancamento></td>
  </tr>
  <tr>
	<td width="130">&nbsp;</td>
	<td>
		<table width="100%" border="0">
		  <tr>
		    <td rowspan="6" width="100" align="center"><div id="ProdListaDiv"><ImagemProd></div></td>
		    <td class="EstRefProdSub"><NomeProd> <CodProd></td>
		    <td rowspan="6" width="138"><LinkComprar></td>
		  </tr>
		  <tr>
		    <td class="EstRefProdSub"><NomeCat></td>
		  </tr>
		  <tr>
		    <td class="EstDescrProd"><Descricao></td>
		  </tr>
		  <tr>
		    <td class="EstPrecoProd"><PrecoSimples> <script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script></td>
		  </tr>
		  <tr>
		    <td><LinkDet></td>
		  </tr>
		  <tr>
		    <td>
			<table name="TabAdicionaisSub<IDProduto>" cellpadding="0" cellspacing="0">
			        <tr><td>&nbsp;</td></tr>
			        <tr>
			          <td>
			            <table name="Tab1Adic<IDProduto>" cellpadding="0" cellspacing="0">
			              <tr>
			                <td nowrap="nowrap"><Adicional1></td>
			                <td nowrap="nowrap"><Adicional2></td>
			                <td nowrap="nowrap"><Adicional3></td>
			              </tr>
			            </table>
			          </td>
			        </tr>
			        <tr>
			          <td>
			            <table name="Tab2Adic<IDProduto>" cellpadding="0" cellspacing="0">
			              <tr>
			                <td nowrap="nowrap"><Cor></td>
			                <td nowrap="nowrap"><AdicionalD1></td>
			                <td nowrap="nowrap"><AdicionalD2></td>
			                <td nowrap="nowrap"><AdicionalD3></td>
			                <td nowrap="nowrap"><Peso></td>
			              </tr>
			            </table>
			          </td>
			        </tr>
			</table>
		    </td>
		  </tr>
		</table>
	</td>
  </tr>
</table>-->
</FormProd>
</sub>
</ProdLista>

<ProdDet>
<!-- Prod Det -->
<script type="text/javascript" src="<BaseLoja>htm/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="<BaseLoja>htm/lightbox.js"></script>
<link rel="stylesheet" href="<BaseLoja>htm/lightbox.css" type="text/css" media="screen" />
<table border="0" cellpadding=0 cellspacing=0 id="produto">
	<script>
		jQuery(document).ready(function(){
			jQuery('td.FundoBarraDireita').hide();
			var tableHtml = jQuery('#idEstTitProdOpFC tbody').html();
			tableHtml = "<tr class='descCompletaProdutoTop'><td></td></tr>"+tableHtml+"<tr class='descCompletaProdutoBottom'><td></td></tr>";
			jQuery('#idEstTitProdOpFC').html(tableHtml);
			jQuery('#idEstTitProdOpFC').addClass('descCompletaProduto');
			for( var i =0; i<4; i++){
			    var thisHtml = jQuery('#idEstTitProdOpFC tr:eq('+i+')').html();
			    thisHtml =""+thisHtml+"";
			    jQuery('#idEstTitProdOpFC tr:eq('+i+')').html(thisHtml)
			}
			jQuery('img.BotAmpProd').parent().attr('href', jQuery('img.BotAmpProd').parent().parent().find('a.MagicZoom img').attr('src'));
			jQuery('img.BotAmpProd').parent().attr('rel', 'lightbox[roadtrip]');
			jQuery('img.BotAmpProd').parent().attr('title', '<NomeProd>');
			jQuery('#lightbox  #bottomNavClose img').attr('src', '<BaseLoja>images/closelabel.gif')
			jQuery('#overlayLightbox').hide();
		});
		
	</script>
	<tr>
		<td colspan='2' style='padding-bottom: 20px;' class='classeNomeProduto'>
			<span>Você esta em: </span><NomeCat>&nbsp;>&nbsp;<NomeProd>
		</td>
	</tr>
		<tr class='titleProduto'>
			<FormProd>
		</tr>
		<tr>
			<td style='text-align:center;'>
				<a href="<ImagemProdAmp>" class="MagicZoom">
					<img src="<ImagemProdDet>" />
				</a><br /><br />
				<LinkAmp>
			</td>
			<td valign="top">
				<table border="0" class='porductDescription' cellspacing='0'>
					<tr class='DescTopBG'>
						<td height='10'></td>
					</tr>
					<tr>
						
						<td class='nomeProduto'>
							<h1 class='nomeProduto'><NomeProd></h1>
						</td>
						
					</tr>
					<tr>
						
						<td>
							<Peso>
						</td>
						
					</tr>
					<tr>
						
						<td class='precoOriginal noBorder'>
							<script type="text/javascript">
							if (<PrecoOri> < <PrecoNum>)
							{
								var precoOrignal = <PrecoOri>;
								document.write("De: R$"+precoOriginal.repalce('.', ','));
							}
							</script>
						</td>
						
					</tr>
					<tr>
						
						<td align="left" class="EstPrecoProdDet">
							<Preco>
							<br />
					<span class='maxParcelas'><script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script></span>
						</td>
						
					<tr>
						
						<td class='BtComprar'>
							<LinkComprar>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder'>
							<AvisoDisp><IndicaProd><br /> 
							<LinkOpiniao>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder ProdFacebook'>
							    <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en">Tweet</a>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder ProdTwitter'>
							<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>
	document.write('<div class="fb-like" data-href="'+document.location.href+'" data-send="false" data-width="250" data-show-faces="false" data-action="recommend"></div>')
</script>							


						</td>
						
					</tr>
					<tr class='DescBottomBG'>
						<td></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	<table class='descCompletaProduto'>
		<tr class='descCompletaProdutoTop'>
			<td></td>
		</tr>
		<tr>
			<td class="EstNomeProd">
				<h1>Descrição:</h1>
			</td>
		</tr>
		<tr>
			<td class="EstDescrProd">
			<Descricao>
				<br />
				<DescrHTM>
			</td>
		</tr>
		<tr>
			<td>
				<DescrURL>
			</td>
		</tr>
		<tr>
			<td>
				<BarCode>
			</td>
		</tr>
		<tr>
			<td>
				</FormProd>
			</td>
		</tr>
		<tr class='descCompletaProdutoBottom'>
			<td></td>
		</tr>
	</table>
<!-- SUB Prod Det -->
<sub>
<FormProd>
<table width="100%" border="0">
  <tr>
	<td>
		<table width="100%" border="0">
		  <tr>
		    <td rowspan="6" width="100" align="center"><div id="ProdListaDiv"><ImagemProd></div></td>
		    <td class="EstRefProdSub"><NomeProd></td>
		    <td rowspan="6" width="138"><LinkComprar></td>
		  </tr>
		  <tr>
		    <td class="EstPrecoProd"><PrecoSimples> <script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script></td>
		  </tr>
		  <tr>
		    <td><Peso></td>
		  </tr>
		</table>
	</td>
  </tr>
</table>
</FormProd>
</sub>
</ProdDet>

<ProdAmp>
<!-- Prod Amp -->
<script>
		jQuery(document).ready(function(){
			jQuery('td.FundoBarraDireita').hide();
			var tableHtml = jQuery('#idEstTitProdOpFC tbody').html();
			tableHtml = "<tr class='descCompletaProdutoTop'><td></td></tr>"+tableHtml+"<tr class='descCompletaProdutoBottom'><td></td></tr>";
			jQuery('#idEstTitProdOpFC').html(tableHtml);
			jQuery('#idEstTitProdOpFC').addClass('descCompletaProduto');
			for( var i =0; i<4; i++){
			    var thisHtml = jQuery('#idEstTitProdOpFC tr:eq('+i+')').html();
			    thisHtml =""+thisHtml+"";
			    jQuery('#idEstTitProdOpFC tr:eq('+i+')').html(thisHtml)
			}
		});
		
	</script>
<FormProd>
	<table width="98%" border="0">
		<tr>
			<td colspan="2">
				<table>
					<tr>
						<td colspan='2' class='classeNomeProduto'>
							<span>Você esta em: </span><NomeCat>&nbsp;>&nbsp;<NomeProd>
						</td>
					</tr>
				</table>
			<br />
			</td>
		</tr>
		<tr>
			<td width="90%">
			<div id="ProdAmpDiv" style='text-align:center;'>
				<ImagemProd>
			</div>
			</td>
			<td valign="top">
				<table border="0" class='porductDescription' cellspacing='0' style='margin-left: -30px;'>
					<tr class='DescTopBG'>
						<td></td><td></td><td></td>
					</tr>
					<tr>
						
						<td class='nomeProduto'>
							<h1 class='nomeProduto'><NomeProd></h1>
						</td>
						
					</tr>
					<tr>
						
						<td>
							<Peso>
						</td>
						
					</tr>
					<tr>
						
						<td class='precoOriginal noBorder'>
							<script type="text/javascript">
							if (<PrecoOri> < <PrecoNum>)
							{
								var precoOrignal = <PrecoOri>;
								document.write("De: R$"+precoOriginal.repalce('.', ','));
							}
							</script>
						</td>
						
					</tr>
					<tr>
						
						<td align="left" class="EstPrecoProdDet">
						<script type="text/javascript">
							if (<PrecoOri> < <PrecoNum>)
							{
								var preco = <PrecoNum>;
								document.write(preco.repalce('.', ','));
							}else{
								document.write('<Preco>');
							}
							</script>
							<br />
							<span class='maxParcelas'><script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script></span>
						</td>
						
					<tr>
						
						<td class='BtComprar'>
							<LinkComprar>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder'>
							<AvisoDisp><IndicaProd><br /> 
							<LinkOpiniao>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder ProdFacebook'>
							<ShareTwitter>
						</td>
						
					</tr>
					<tr>
						
						<td class='noBorder ProdTwitter'>
							<ShareFacebook>
						</td>
						
					</tr>
					<tr class='DescBottomBG'>
						<td></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td align="center">
			<AvisoDisp><IndicaProd> <br /> <LinkOpiniao><br />
			</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td colspan="2" class="EstMaisInfo" nowrap="nowrap">
			<DescrURL>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</table>
	</FormProd>
<!-- SUB Prod Amp -->
<sub>
<FormProd>
<table width="100%" border="0">
  <tr align="right">
    <td width="130">&nbsp;</td>
    <td class="EstLinhaProdSub"></td>
  </tr>
  <tr>
    <td width="130">&nbsp;</td>
    <td align="right"><Lancamento></td>
  </tr>
  <tr>
	<td width="130">&nbsp;</td>
	<td>
		<table width="100%" border="0">
		  <tr>
		    <td rowspan="6" width="100" align="center"><div id="ProdListaDiv"><ImagemProd></div></td>
		    <td class="EstRefProdSub"><NomeProd> <CodProd></td>
		    <td rowspan="6" width="138"><LinkComprar></td>
		  </tr>
		  <tr>
		    <td class="EstRefProdSub"><NomeCat></td>
		  </tr>
		  <tr>
		    <td class="EstDescrProd"><Descricao></td>
		  </tr>
		  <tr>
		    <td class="EstPrecoProd"><PrecoSimples> <script type="text/javascript">MostraMaxParcela(<PrecoNum>,<MaxParcelasProdNum>);</script></td>
		  </tr>
		  <tr>
		    <td>&nbsp;</td>
		  </tr>
		  <tr>
		    <td>
			<table name="TabAdicionaisSub<IDProduto>" cellpadding="0" cellspacing="0">
			        <tr><td>&nbsp;</td></tr>
			        <tr>
			          <td>
			            <table name="Tab1Adic<IDProduto>" cellpadding="0" cellspacing="0">
			              <tr>
			                <td nowrap="nowrap"><Adicional1></td>
			                <td nowrap="nowrap"><Adicional2></td>
			                <td nowrap="nowrap"><Adicional3></td>
			              </tr>
			            </table>
			          </td>
			        </tr>
			        <tr>
			          <td>
			            <table name="Tab2Adic<IDProduto>" cellpadding="0" cellspacing="0">
			              <tr>
			                <td nowrap="nowrap"><Cor></td>
			                <td nowrap="nowrap"><AdicionalD1></td>
			                <td nowrap="nowrap"><AdicionalD2></td>
			                <td nowrap="nowrap"><AdicionalD3></td>
			                <td nowrap="nowrap"><Peso></td>
			              </tr>
			            </table>
			          </td>
			        </tr>
			</table>
		    </td>
		  </tr>
		</table>
	</td>
  </tr>
</table>
</FormProd>
</sub>
</ProdAmp>